<div class="head_l_period">
   {{periodInfo.period_name}}
                </div>
        <!--内容-->
        <div class="content_wrap" style="height:100%">
            <div class = "classPlay">
                <!--播放屏幕-->
                <div class = "classScreen">
                    <div class = "live_left">
                            <div class="live">
                            <div class="live-view audioLoad" ng-if="playing==true">
                                <videogular vg-theme="config.theme" vg-player-ready="onPlayerReady($API)" class="videogular-container">
                                    <vg-media vg-src="config.sources" vg-tracks="config.tracks"></vg-media>
                                    <vg-controls>
                                        <vg-play-pause-button></vg-play-pause-button>
                                            <vg-time-display>{{ currentTime | videoDate }}</vg-time-display>
                                        <vg-scrub-bar>
                                            <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
                                        </vg-scrub-bar>
                                        <vg-time-display>{{ timeLeft | videoDate }}</vg-time-display>
                                        <vg-volume>
                                            <vg-mute-button></vg-mute-button>
                                            <vg-volume-bar></vg-volume-bar>
                                        </vg-volume>
                                        <vg-fullscreen-button></vg-fullscreen-button>
                                    </vg-controls>
                                    <vg-overlay-play></vg-overlay-play>
                                    <vg-poster vg-url='config.plugins.poster'class="period_class"></vg-poster>
                                </videogular>
                            </div>
                        </div>
                        </div>
                        <div class = "live_right">
                            <div class = "catalog">
                                <p class = "course_title substring">
                                    {{TrainCourseinfo.curriculum_name}}
                                </p>
                                <div class = "period_list">
                                    <div class = "period_section" ng-repeat="item in periodInfoList" >
                                        <p class = "section_title substring">
                                            <i class="icon_chapter3"></i><span>章节{{item.index+1}}: {{item.chapter_name}}</span>
                                        </p>
                                        <ul class = "classList_box" ng-click="chaper(item.index)">
                                            <li class = "classList_cols substring" ng-click="play(list,$index)" ng-repeat="list in item.period_list">
                                                <a href="javascript:void(0)" ng-class="{active:($index==sectemp&&item.index==temp&&list.learned==1)||list.period_id==period_id&&list.learned==1}">
                                                    <i ng-class="{icon_play_yes:list.learned==1,icon_play_no:list.learned==0,icon_play_suo:list.learned==-1,icon_play_ing:(($index==sectemp&&item.index==temp)||list.period_id==period_id)&&list.learned==1}" ></i>
                                                    <span>课时{{$index+1}}:{{list.period_name}}</span>
                                                    <b style="position: absolute">{{list.video_duration}}:00</b>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
<div>
	<div ng-if="tipModal.isShow" style="display: block;" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
		<div class="modal-backdrop fade in"></div>
		<div class="modal-dialog modal-sm">
			<div class="modal-content">
				<div class="modal-header">
					<div class="btn-close" data-dismiss="modal"><i class="icon-close" ng-click="tipModal.hide()"></i></div>
					<h4 class="modal-title" ng-bind="tipModal.title" style="line-height: 46px;"></h4>
				</div>
				<div class="modal-body modal-body-tip"> 亲，您还未加入任何企业<br/>暂不可查看
				</div>
				<div class="modal-footer jl-footer">
					<button type="button" class="btn btn-green" ng-click="tipModal.confirm()" style="text-align: center;margin-right: 158px;">我知道了</button>
				</div>
			</div>
		</div>
	</div>
</div>